@charset "UTF-8";

.record {
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
  > a {
    margin: 0 3px;
  }
 }

.home-init {
	.wraper {
		position: absolute;
	    width: 620px;
	    height: 420px;
		left: 50%;
	    top: 50%;
	    margin-left: -210px;
	    margin-top: -250px;
	    background-color: rgba(224,224,253,.8);
	    padding: 25px;
	    .box {
	    	padding: 5px;
	    	box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.1);
		    transform: scale(0.98);
		    transition: all .1s;
		    background: #fff;
	    }
	    .box:hover {
	    	transform: scale(1);
  			box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);
	    }
	    .box-left {
	    	float: left;
	    	width: 370px;
	    	height: 100%;
	    	position: relative;
	    	overflow: hidden;

	    	.location {
	    		font-size: 24px;
	    		border-bottom: dashed 2px #ddd;
	    		padding: 5px 5px 10px 5px;
	    		.address {
	    			padding-top: 18px;
	    			float: left;
	    			i {
	    				color: #9b9bdc;
	    			}
	    		}
	    		.weather {
	    			padding-top: 18px;
	    			padding-right: 75px;
	    			background: url('../../../assets/images/init-home-3.png') no-repeat top right;
	    			background-size: 56px;
	    		}
	    	}
	    	.news-list  {
	    		padding: 5px;
	    		ul {
	    			padding: 0;
	    			li {
		    			list-style: none;
		    			margin: 15px 0;
		    			width: 100%;
					    text-overflow: ellipsis;
					    overflow: hidden;
					    white-space: nowrap;

					    a {
					    	color: #555;
					    	text-decoration: none;
					    	font-size: 15px;
					    }
					    a:hover {
					    	color: red;
					    }
		    		}
	    		}
	    		.more {
	    			position: absolute;
	    			bottom: 0;
	    			right: -0;
	    			padding: 5px 15px;
	    			background: #eee;
	    			color: #999;
	    			font-size: 20px;
	    			font-weight: 500;
	    			cursor: pointer;
	    		}
	    		.more:hover {
    				color: #555;
    			}
	    	}
	    }
	    .box-right {
	    	float: right;
	    	width: 180px;
	    	height: 100%;

	    	.item {
	    		height: 175px;
	    		text-align: center;
	    		cursor: pointer;
	    		position: relative;
	    		.item-pic {
	    			opacity: 0.6;
				    margin: 20px auto 10px auto;
					width: 85px;
					height: 98px;
	    		}
	    		.pic-1 {
	    			background: url('../../../assets/images/init-home-1.png') no-repeat bottom center;
	    			background-size: 85px;
	    		}
	    		.pic-2 {
	    			background: url('../../../assets/images/init-home-2.png') no-repeat bottom center;
	    			background-size: 85px;
	    		}
	    		.item-title {
	    			font-size: 18px;
	    			font-weight: 500;
	    		}
	    		.item-count {
	    			position: absolute;
	    			top: 8px;
	    			right: 10px;
	    			background-color: #f96161;
				    border-radius: 12px;
				    color: #fff;
				    display: inline-block;
				    font-size: 20px;
				    height: 24px;
				    line-height: 23px;
				    padding: 0 6px;
				    text-align: center;
				    white-space: nowrap;
				    border: 1px solid #fff;
	    		}
	    		&:hover {
	    			.item-title {
	    				font-weight: bold;
	    			}
	    			.pic-1 {
						background: url('../../../assets/images/init-home-1-1.png') no-repeat bottom center;
	    				background-size: 85px;
	    			}
	    			.pic-2 {
						background: url('../../../assets/images/init-home-2-2.png') no-repeat bottom center;
	    				background-size: 85px;
	    			}
	    		}
	    	}
	    	.item:first-child {
	    		margin-bottom: 20px;
	    	}
	    }
	}
	.bg_gradient {
	    position: fixed;
	    top: 50px;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    margin: 0px;
	    padding: 0px;
	    z-index: -888;
	    background: #f8f8f8 url('../../../assets/images/init-home-6.png');
	    opacity: 0.95;
	}

	.gradient_back_img {
	    position: fixed;
	    top: 50px;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    margin: 0px;
	    padding: 0px;
	    z-index: -9999;
	    background: url('../../../assets/images/init-home-5.png') no-repeat;
	    background-position: center 0;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}

	.footer {
		position: absolute;
		left: 200px;
		right: 0;
		bottom: 0;
		text-align: center;
		padding: 10px 0;
		background: #e0e0fd;
	}
}
